<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本属性</title>
    <style>
        p{
            width: 300px;
            height: 50px;
            border: 1px solid #cccccc;
        }
        .content{
        /*letter-spacing: 10px; 字间距 也可以用em px*/
           /* word-spacing: 60px; 词间距 以空格为标准 算一个词 不常用默认：normal*/
            text-decoration:none;/*去掉下划线*/
            text-align: left;
            /*vertical-align:middle;*垂直对齐 基本不用*/

        }
        .content0{
            text-decoration: underline;/*添加下划线*/
            line-height: 10px;/*行高*/
            text-indent:10px;
        }
        a{
            color: red;
            text-decoration: none;
        }
        a:hover{
            text-decoration: underline;
        }
    </style>

</head>
<body>
    <h1>赋得古原草送别</h1>
    <hr>
    <p class="content">heihei do you锄禾日当午 汗滴禾下土 谁知盘中餐 粒粒皆辛苦</p>
    <p class="content0">hello how do you do?</p>
    <p style="text-decoration: line-through">小鸡吃小米很好看</p>
    <p style="text-decoration: overline">你长很好看</p>
    <a href="#">跑步</a>
</body>
</html>